<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- html 结构: 有序列表 无序列表 定义列表
		    有序列表和无序列表自带样式  样式可以修改
			列表样式属性
			list-style-type  列表项标志属性
			有序自有一套属性值: none decimal lower-roman upper-roman
			无序自有一套属性值: none disc(实心圆) circle(空心圆) square(方块)-->
			<style>
				/* 常用属性: list-style-type 针对无序列表[有利于SEO优化] */
				/* 有序列表 */
				ol li{
					/* 去掉列表样式---通配选择器一起使用 */
					/* list-style-type: none; */
					
					/* 默认值 */
					/* list-style-type: decimal; */
					
					/* 小写罗马数字  i  ii*/
					list-style-type: lower-roman;  
					
					/* 大写罗马数字  I  II*/
					/* list-style-type: upper-roman; */
				}
				
				
				
				ul li{
					/* 无序列表 */
					/* 去标列表样式---通配选择器一起使用 */
					
					/* list-style-type: none; */
					list-style-type: disc;
					/* list-style-type: circle;
					list-style-type: square; */
				}
			</style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>小桃</li>
			<li>小绿</li>
			<li>柚子</li>
		</ol>
		
		<h1>无序列表: 页面上存在大量相同的类型集合 有利于SEO优化</h1>
		<ul>
			<li>伊吕波</li>
			<li>伊吹</li>
			<li>虎式</li>
		</ul>
	</body>
</html>